<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人中心</title>
<link rel="stylesheet" href="../../css/dynamic.css">
<link rel="stylesheet" href="../../css/foot.css">
</head>
<body>
<div class="dynamic">
    <div class="header">
        <div class="logo">
            <p><a href="../index_T.html">贺州学院师生信息分享系统——教师</a></p>
        </div>
        <div class="top">
            <ul>
                <li><a href="../index_T.html">首页</a></li>
                <li><a href="../mess_T/message.html">消息</a></li>
                <li><a href="friends.html">个人中心</a></li>
                <li><a href="http://192.168.10.215">查询成绩</a></li>
            </ul>
        </div>
         <!--<div class="search1">
            <input type="text" class="txt1" value="在这里搜索...">
            <input type="button" class="btn1">
         </div>-->
    </div>
    <div class="content">
    	<div class="main">
        <div class="left">
            <ul>
                <li><a href="friends.html">好友圈</a></li>
                <li><a href="information.html">个人信息</a></li>
                <li><a href="diary.html">日记</a></li>
                <li><a href="picture.html">图片</a></li>
                <li><a href="collect.html">我的收藏</a></li>
            </ul>
        </div>
        <div class="centre">
            <div class="message">
				<p>有什么新鲜事想要告诉大家？</p>
				<!--文本框开始-->
				<div class="txt" contenteditable="true"></div>
				<!--文本框结束-->


				<!--表情、按钮开始-->
				<div class="btn">
				<img src="../../img/biaoqing/67.gif" class="faceBtn"/>
				<span class="mes_btn">发表</span>


				<!--表情开始-->
				<div class="face">
					<ul>
						<li><img src="../../img/biaoqing/1.gif" title="[吃惊]" width="22" height="22"></li>
						<li><img src="../../img/biaoqing/2.gif" title="[神马]"></li>
						<li><img src="../../img/biaoqing/3.gif" title="[浮云]"></li>
						<li><img src="../../img/biaoqing/4.gif" title="[给力]"></li>
						<li><img src="../../img/biaoqing/5.gif" title="[围观]"></li>
						<li><img src="../../img/biaoqing/6.gif" title="[威武]"></li>
						<li><img src="../../img/biaoqing/7.gif" title="[熊猫]"></li>
						<li><img src="../../img/biaoqing/8.gif" title="[兔子]"></li>
						<li><img src="../../img/biaoqing/9.gif" title="[奥特曼]"></li>
						<li><img src="../../img/biaoqing/10.gif" title="[囧]"></li>
						<li><img src="../../img/biaoqing/11.gif" title="[互粉]"></li>
						<li><img src="../../img/biaoqing/12.gif" title="[礼物]"></li>
						<li><img src="../../img/biaoqing/13.gif" title="[呵呵]"></li>
						<li><img src="../../img/biaoqing/14.gif" title="[嘻嘻]"></li>
						<li><img src="../../img/biaoqing/15.gif" title="[哈哈]"></li>
						<li><img src="../../img/biaoqing/16.gif" title="[可爱]"></li>
						<li><img src="../../img/biaoqing/17.gif" title="[可怜]"></li>
						<li><img src="../../img/biaoqing/18.gif" title="[挖鼻屎]"></li>
						<li><img src="../../img/biaoqing/19.gif" title="[吃惊]"></li>
						<li><img src="../../img/biaoqing/20.gif" title="[害羞]"></li>
						<li><img src="../../img/biaoqing/21.gif" title="[挤眼]"></li>
						<li><img src="../../img/biaoqing/22.gif" title="[闭嘴]"></li>
						<li><img src="../../img/biaoqing/23.gif" title="[鄙视]"></li>
						<li><img src="../../img/biaoqing/24.gif" title="[爱你]"></li>
						<li><img src="../../img/biaoqing/25.gif" title="[泪]"></li>
						<li><img src="../../img/biaoqing/26.gif" title="[偷笑]"></li>
						<li><img src="../../img/biaoqing/27.gif" title="[亲亲]"></li>
						<li><img src="../../img/biaoqing/28.gif" title="[生病]"></li>
						<li><img src="../../img/biaoqing/29.gif" title="[太开心]"></li>
						<li><img src="../../img/biaoqing/30.gif" title="[懒得理你]"></li>
						<li><img src="../../img/biaoqing/31.gif" title="[右哼哼]"></li>
						<li><img src="../../img/biaoqing/32.gif" title="[左哼哼]"></li>
						<li><img src="../../img/biaoqing/33.gif" title="[嘘]"></li>
						<li><img src="../../img/biaoqing/34.gif" title="[衰]"></li>
						<li><img src="../../img/biaoqing/35.gif" title="[委屈]"></li>
						<li><img src="../../img/biaoqing/36.gif" title="[吐]"></li>
						<li><img src="../../img/biaoqing/37.gif" title="[打哈气]"></li>
						<li><img src="../../img/biaoqing/38.gif" title="[抱抱]"></li>
						<li><img src="../../img/biaoqing/39.gif" title="[怒]"></li>
						<li><img src="../../img/biaoqing/40.gif" title="[疑问]"></li>
						<li><img src="../../img/biaoqing/41.gif" title="[馋嘴]"></li>
						<li><img src="../../img/biaoqing/42.gif" title="[拜拜]"></li>
						<li><img src="../../img/biaoqing/43.gif" title="[思考]"></li>
						<li><img src="../../img/biaoqing/44.gif" title="[汗]"></li>
						<li><img src="../../img/biaoqing/45.gif" title="[困]"></li>
						<li><img src="../../img/biaoqing/46.gif" title="[睡觉]"></li>
						<li><img src="../../img/biaoqing/47.gif" title="[钱]"></li>
						<li><img src="../../img/biaoqing/48.gif" title="[失望]"></li>
						<li><img src="../../img/biaoqing/49.gif" title="[酷]"></li>
						<li><img src="../../img/biaoqing/50.gif" title="[花心]"></li>
						<li><img src="../../img/biaoqing/51.gif" title="[哼]"></li>
						<li><img src="../../img/biaoqing/52.gif" title="[鼓掌]"></li>
						<li><img src="../../img/biaoqing/53.gif" title="[晕]"></li>
						<li><img src="../../img/biaoqing/54.gif" title="[悲伤]"></li>
						<li><img src="../../img/biaoqing/55.gif" title="[抓狂]"></li>
						<li><img src="../../img/biaoqing/56.gif" title="[黑线]"></li>
						<li><img src="../../img/biaoqing/57.gif" title="[阴险]"></li>
						<li><img src="../../img/biaoqing/58.gif" title="[怒骂]"></li>
						<li><img src="../../img/biaoqing/59.gif" title="[心]"></li>
						<li><img src="../../img/biaoqing/60.gif" title="[伤心]"></li>
						<li><img src="../../img/biaoqing/61.gif" title="[猪头]"></li>
						<li><img src="../../img/biaoqing/62.gif" title="[ok]"></li>
						<li><img src="../../img/biaoqing/63.gif" title="[耶]"></li>
						<li><img src="../../img/biaoqing/64.gif" title="[good]"></li>
						<li><img src="../../img/biaoqing/65.gif" title="[不要]"></li>
						<li><img src="../../img/biaoqing/66.gif" title="[赞]"></li>
						<li><img src="../../img/biaoqing/67.gif" title="[来]"></li>
						<li><img src="../../img/biaoqing/68.gif" title="[弱]"></li>
						<li><img src="../../img/biaoqing/69.gif" title="[蜡烛]"></li>
						<li><img src="../../img/biaoqing/70.gif" title="[钟]"></li>
						<li><img src="../../img/biaoqing/71.gif" title="[蛋糕]"></li>
						<li><img src="../../img/biaoqing/72.gif" title="[话筒]"></li>
						<li><img src="../../img/biaoqing/73.gif" title="[围脖]"></li>
						<li><img src="../../img/biaoqing/74.gif" title="[转发]"></li>
						<li><img src="../../img/biaoqing/75.gif" title="[路过这儿]"></li>
						<li><img src="../../img/biaoqing/76.gif" title="[bofu变脸]"></li>
						<li><img src="../../img/biaoqing/77.gif" title="[gbz困]"></li>
						<li><img src="../../img/biaoqing/78.gif" title="[生闷气]"></li>
						<li><img src="../../img/biaoqing/79.gif" title="[不要啊]"></li>
						<li><img src="../../img/biaoqing/80.gif" title="[dx泪奔]"></li>
						<li><img src="../../img/biaoqing/81.gif" title="[运气中]"></li>
						<li><img src="../../img/biaoqing/82.gif" title="[有钱]"></li>
						<li><img src="../../img/biaoqing/83.gif" title="[冲锋]"></li>
						<li><img src="../../img/biaoqing/84.gif" title="[照相机]"></li>
					</ul>
				</div>
			<!--表情结束-->
			</div>
			<!--表情、按钮结束-->
			</div>


		<div class="msgBox">
		<!--发表信息开始-->
		<!--
		<div class="msgInfo">
		<dl>
		<dt><img src="img/bg/qx.png" width='50' height='50'/></dt>
		<dd>小猪</dd>
		</dl>
		<div class="content">
		我是罗海殿，我是中国人，我爱自己的祖国!
		</div>
		</div>
		-->
		<!--发表信息结束-->
		</div>
            
            
        </div>
       
    </div>
</div>
</div>
<div class="foot">
	<p>版权所有&copy;贺州学院-数学与计算机学院-14软件工程2班 GO&nbsp;Team</p>
</div>
<!--引入jquery库-->
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript">
//点击笑脸触发的事件
$(".message .btn .faceBtn").click(function(e){
$(".message .btn .face").slideDown("slow");
e.stopPropagation();   //阻止事件冒泡
});

//点击屏幕其他地方触发的事件
$(document).click(function(){
$(".message .btn .face").slideUp("slow");
});


//点击发表触发的事件
$(".message .btn .mes_btn").click(function(){
var txt = $(".message .txt").html().trim();
if(txt == ""){
$(".txt").focus();
}else{
$(".msgBox").append("<div class='msgInfo'><dl><dt><img src='../../img/hz.jpg' width='50' height='50'/></dt><dd>蓝胖子</dd></dl><div class='content'>"+txt+"</div></div>");
$(".message .txt").html("");
}
});


//选择笑脸
$(".message .btn .face ul li").click(function(){
var img = $(this).find("img").clone();   //克隆一个笑脸
$(".message .txt").append(img);
});
</script>
</body>
</html>
